<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Layout_ out </title>
    <link rel="stylesheet" type="text/css" href="/easyui.css">
    <link rel="stylesheet" type="text/css" href="/icon.css">
    <link rel="stylesheet" type="text/css" href="/demo.css">
    <script src="/jquery.min.js"></script>
    <script src="/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#cc").layout({});

            $("#cc"),layout('add',{
                region:'center',
                title:'Center'
            })
            $("#cc").layout('add',{
                region:'south',
                border:false,
                height:50,
                background:"#A9FACD",
                padding:10
            });
            $("#cc").layout('add',{
                region:'south',
                border:false,
                height:50,
                background:"#A9FACD",
                padding:10
            });
            $("#cc").layout('add',{
                region:'north',
                border:false,
                height:60,
                background:":#B3DFDA",
                padding:10
            });
            $("#cc").layout('add',{
                region:'west',
                split:true,
                title:'West',
                width:150,
                padding:10
            });
            $("#cc").layout('add',{
                region:'east',
                split:true,
                collapsed:true,
                title:'East',
                width:100,
                padding:10
            });

        });

    </script>
</head>
<body id="cc">
</body>

</html>